<template>
  <CellGroup class="notice-section" inset
    title="兑换说明">
    <ul>
      <li v-for="(item, index) in noticeList" :key="index">{{ item }}</li>
    </ul>
  </CellGroup>
</template>
<script setup lang="ts">
import { CellGroup } from 'vant';

const noticeList = [
  '1、提交前仔细核对充值卡/卡券，卡号、卡密正确无误，提交错误的卡号、卡密，将无法兑换成功。',
  '2、请仔细核对充值卡的面值，如提交充值卡与实际面值不符，可能导致无法结算，给您带来损失。',
  '3、平台24小时可提交兑换，可随时提现，系统自动处理。',
  '4、为保证您的账户安全，请先进行实人认证再提交，实人认证通过后方可提现。',
  '5、请确保充值卡来源合法，平台拒绝一切通过非法手段获取的充值卡，一经发现异常情况，平台有义务向公安机关反应。',
];
</script>
<style lang="less" scoped>
.notice-section {
  display: flex;
  padding: 16px;

  ul {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 8px 0;
    flex: 1;

    li {
      margin-bottom: 16px;
    }
  }
}
</style>
